@charset "utf-8";
/* CSS Document */

.banner{ height: 375px; background: url(../images/banner.jpg) no-repeat center top;}
.logo{ position: absolute; top: 114px; left: 20px; width: 567px; height: 135px;}

.nav{ box-sizing: border-box; height: 130px; padding-top: 30px; margin: -33px 0 30px; background: url(../images/bg_nav.png) no-repeat center top;}
.nav a{ float: left; width: 200px; height: 50px; font: 20px/50px "Microsoft Yahei"; text-align: center; color: #fff;}

.footer{ padding: 30px 0; background-color: #f2f2f2;}

.frd_link{  margin-bottom: 20px;}
.bot_link_tem{ position: relative; float: left; width: 253px; height: 40px; margin-right: 62px; background-color: transparent; z-index: 999}
.bot_link_btn.nomar, .bot_link_tem.nomar{ margin-right: 0}
.bot_link_tem:after{ position: absolute; right: 10px; top: 18px; width: 0; height: 0; border-width: 5px 5px 0; border-style:solid; border-color: #333 transparent transparent; content: ""; }
.bot_link_des{ font-size: 18px; line-height: 40px; color: #333; text-indent: 1em; cursor: pointer; border: 0; width: 100%; text-align: left; background: none;}
.bot_link_list{ display: none; position: absolute; bottom: 42px; left: 0; min-width: 253px; max-height: 180px;  background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_tem.active:after{ transform: rotate(180deg);}
.bot_link_list.scroll{}
.bot_link_list li{ height: 30px; padding: 0 10px; font-size: 14px; line-height: 30px;  white-space: nowrap;}
.bot_link_list li:hover{ background-color: #f2f2f2;}
.bot_link_list li:hover a{ color: #333;}

.footer_i{}
.footer_i img{ float: left; width: 253px; height: 58px; margin-right: 62px;}
.footer_i a:nth-child(4n) img{ margin-right: 0}

.footer_bot{ position: relative;  padding-top: 30px; margin-top: 30px; border-top: 1px solid #dfdfdf;}
.footer_qrcode{ position: absolute; top: 48px; left: 320px; width: 96px;}
.footer_qrcode img{ width: 96px; height: auto}
.footer_qrcode p{  margin-top: 6px; font: 16px/20px "Microsoft Yahei"; color: #333; text-align: center;}

.footer_des{ padding: 14px 0 0 476px; }
.footer_des p{ font: 14px/30px "Microsoft Yahei"; color: #333;}
.footer_des p a{ color: #333;}